$(function(){
	var c = 0;
	$('#choose_navigation .choose span').click(function(){
		if(c ==0 ){
			$('#choose_navigation .container .menu').stop().slideDown('slow');
			c = 1;
		}else{
			$('#choose_navigation .container .menu').stop().slideUp('slow');
			c = 0;
		}
	})
})

//圆形导航
window.onload = function(){
		var hd = document.getElementById("hd");
		var imgs = hd.getElementsByTagName('img');
		var sunwukong = document.getElementById("sunwukong");
//		定义半径
		var r = 200;
//		定义状态
		var sta = 1;		

//		单击事件调用的函数
		function danji(){
//			alert(sta);
			if (sta==1) {
	//			获得小猴子的个数
				len = imgs.length;
//				alert(len);
	//			计算每两张图片对应的夹角
				var d = 360/len;
//				alert(d);
	//			循环每个小猴子
				for (var i=0;i<len;i++) {
	//				计算当前这个小猴子跟圆点间的连线和x轴之间的夹角
					var jiajiao = i*d;
	//				计算当前这个小猴子的left和top值
					var l = Math.cos(jiajiao*Math.PI/180)*r;
					var t = -Math.sin(jiajiao*Math.PI/180)*r;
	//				让小猴子改变过去
					imgs[i].style.left = l+'px';
					imgs[i].style.top = t+'px';
					imgs[i].style.transform = 'rotate(720deg)';
					imgs[i].style.transitionDelay = i*0.2+'s';
//					改变状态
					sta=2;
				}				
			}else{
				
//				收队!
				//			循环每个小猴子
				for (var i=0;i<len;i++) {

	//				让小猴子改变过去
					imgs[i].style.left = '0px';
					imgs[i].style.top = '0px';
					imgs[i].style.transform = 'rotate(0deg)';
					imgs[i].style.transitionDelay = i*0.2+'s';
//					改变状态
					sta=1;
				}		
			}

		}
	
	
//		拖拽
//		给div加鼠标按下事件
		sunwukong.onmousedown = function(e){

//			获得鼠标位置
			var mouse_left = e.clientX;
			var mouse_top = e.clientY;
//			获得div的位置
			var hd_left = hd.offsetLeft;
			var hd_top = hd.offsetTop;
			
//			给文档加鼠标移动事件
			document.onmousemove = function(e){
				//			删除掉sunwukong身上的单击事件
			sunwukong.onclick = null;
//				获得鼠标当前的位置
				var mnewleft = e.clientX;
				var mnewtop = e.clientY;
//				计算鼠标移动的距离
				var diff_left = mnewleft - mouse_left;
				var diff_top = mnewtop - mouse_top;
//				改变div的left和top
				var hd_new_left = hd_left+diff_left;
				var hd_new_top = hd_top+diff_top;
//				让div移动过去
				hd.style.left = hd_new_left+'px';
				hd.style.top = hd_new_top+'px';
			}
			
			
		}
		
//		鼠标抬起
		sunwukong.onmouseup = function(){
//			取消document的移动事件
			document.onmousemove = null;
			//		给孙悟空加单击事件
			setTimeout(function(){
				sunwukong.onclick = danji;
			},100)
			
			return;
		}
	}